<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>OCIE</title>
<link href="/css/screen.css" rel="stylesheet" type="text/css" />
<link href="/ocie/css/ocie.css" rel="stylesheet" type="text/css" />
<script src="/ocie/js/jquery.js"  type="text/javascript"></script>
<script src="/ocie/js/jquery.cookie.js"  type="text/javascript"></script>
<script src="/ocie/js/lib.js"  type="text/javascript"></script>
<script src="/ocie/js/schedule_public.js"  type="text/javascript"></script>
<script src="/ocie/js/login.js"  type="text/javascript"></script>

<link rel="shortcut icon" href="/ocie/images/favicon.ico" type="image/vnd.microsoft.icon" />
</head>

<body id="">
<!-- Position asymmetrical blue background behind navigation absolutely without disrupting other elements in IE -->
<div class="asymmetricalMask"></div>

<div id="primaryNavigation"> 
  <div class="topNavBox">
    <div class="centerBox"></div>
</div></div>

<div id="brandHeader">
 
<div class="centerBox"> 
<!--temp link to main page - should point to user default --><img src="/ocie/images/ocie_logo.gif" class="headerLogo" alt="Organizational Clothing and Individual Equipment"/><img src="/ocie/images/OCIE_welcome.gif" alt="" class="sectionTitle" id="sectionTitle"/></div>
</div>


<div id="secondaryNavigation">
 <!-- Position blazon absolutely left of center column without disrupting other elements in IE -->
  <div class="centerBox">
    <div class="blazon"><img src="/ocie/images/IMCOM_emblem.gif" alt="IMCOM - Installation Management Command" /></div>
  </div>
  
  <div class="centerBox"><!--<span class="selected"><a class="selected" href="">Appointments</a></span>-->
  </div>
</div>

<div id="primaryContent" class="contrastingColor5">
<div class="centerBox contentControls contrastingColor2">   <div class="sidebar"><span class="publicSidebar" style="border-bottom:0px;">
     <h3></h3>
      <p>Before calling, please check the scheduled appointments calendar for available time slots.</p>
      </span>
     <span class="publicLegend"> <h5>Legend</h5>
      <p><span class="legendColorBox tableMainColor">&nbsp;</span><span class="legendKey">Available Time</span>
        <br/><span class="legendColorBox tableCurrentColor">&nbsp;</span><span class="legendKey">Today</span>
        <br/><span class="legendColorBox publicBusy">&nbsp;</span><span class="legendKey">Appointment Booked</span>
        <br/><span class="legendColorBox noAppointments">&nbsp;</span><span class="legendKey">Office Closed</span>
      </p>
      <p class="clearCols">&nbsp;</p>
      </span>
     <span class="publicSidebar" style="margin-top:25px;">
      <h3>CIF Employee Login</h3>
      <p>Please login using your AKO credentials.</p>
      <form id="form1" method="post" action="">
        <p>
          <label for="username">User Name:</label><br />
          <input id="username" name="username" type="text" size="20" /></p>
        <p>
          <label for="password">Password:</label><br />
          <input id="password" name="password" type="password" size="20" />
          <br/><a href="https://www.us.army.mil/suite/lostpwd/portal.do?$p=lostpwd.index" target="_blank">Forgot your password?</a></p>
        <p>
            <a class="loginButton" id="login_button" href="/ocie/schedule/"><img src="/images/icons/login_icon.gif" alt="" width="22" height="22" />Login</a> </p>
      </form>
   	  <p class="clearCols">&nbsp;</p>
      </span>   </div>
      <!--end sidebars-->
      </div>
<div class="centerBox mainContent">

    
   <div class="clearCols"></div>

   
   <div id="publicScheduleBox">
  <table id="ocieSchedule">
  <caption style="padding-top:20px; padding-bottom:15px;">Scheduled Appointments</caption>
  <colgroup>
  <col id="osTimeCol" />
  <col id="osDay2Col" />
  <col id="osDay3Col" />
  <col id="osDay4Col" />
  <col id="osDay5Col" />
  <col id="osDay6Col" />
  </colgroup>
  <thead>
  <th class="timeHeadBG">Time</th>
  <th>&nbsp;<br />&nbsp;</th>
  <th></th>
  <th></th>
  <th></th>
  <th></th>
  </thead>
  <tbody>
  <tr >
  <td class="hourBG"><span class="time">0730</span></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  </tr><tr >
  <td class="hourBG"><span class="time">0745</span></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  </tr><tr >
  <td class="highlightHour hourBG"><span class="time">0800</span></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  </tr><tr >
  <td class="hourBG"><span class="time">0815</span></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  </tr><tr >
  <td class="hourBG"><span class="time">0830</span></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  </tr><tr >
  <td class="hourBG"><span class="time">0845</span></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  </tr><tr >
  <td class="highlightHour hourBG"><span class="time">0900</span></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  </tr><tr >
  <td class="hourBG"><span class="time">0915</span></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  </tr><tr >
  <td class="hourBG"><span class="time">0930</span></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  </tr><tr>
  <td class="hourBG"><span class="time">0945</span></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  </tr><tr >
  <td class="highlightHour hourBG"><span class="time">1000</span></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  </tr><tr>
  <td class="hourBG"><span class="time">1015</span></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  </tr><tr>
  <td class="hourBG"><span class="time">1030</span></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  </tr><tr>
  <td class="hourBG"><span class="time">1045</span></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  </tr><tr >
  <td class="highlightHour hourBG"><span class="time">1100</span></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  </tr><tr>
  <td class="hourBG"><span class="time">1115</span></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  </tr><tr>
  <td class="hourBG"><span class="time">1130</span></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  </tr><tr>
  <td class="hourBG"><span class="time">1145</span></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  </tr><tr class="noAppointments" >
  <td class="highlightHour hourBG"><span class="time">1200</span></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  </tr><tr class="noAppointments">
  <td class="hourBG"><span class="time">1215</span></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  </tr><tr class="noAppointments">
  <td class="hourBG"><span class="time">1230</span></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  </tr><tr class="noAppointments">
  <td class="hourBG"><span class="time">1245</span></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  </tr><tr >
  <td class="highlightHour hourBG"><span class="time">1300</span></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  </tr><tr >
  <td class="hourBG"><span class="time">1315</span></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  </tr><tr >
  <td class="hourBG"><span class="time">1330</span></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  </tr><tr >
  <td class="hourBG"><span class="time">1345</span></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  </tr><tr >
  <td class="highlightHour hourBG"><span class="time">1400</span></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  </tr><tr >
  <td class="hourBG"><span class="time">1415</span></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  </tr><tr >
  <td class="hourBG"><span class="time">1430</span></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  </tr><tr >
  <td class="hourBG"><span class="time">1445</span></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  </tr><tr >
  <td class="highlightHour hourBG"><span class="time">1500</span></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  </tr><tr >
  <td class="hourBG"><span class="time">1515</span></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  </tr><tr >
  <td class="hourBG"><span class="time">1530</span></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  </tr><tr >
  <td class="hourBG"><span class="time">1545</span></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  </tr><tr >
  <td class="highlightHour hourBG"><span class="time">1600</span></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  </tr><tr >
  <td class="hourBG"><span class="time">1615</span></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  <td></td>
  </tr>
  </tbody>
  </table>
     </div>
   <div class="clearCols">   </div>
</div>
</div>
</div>

<div id="secondaryContent" class="contrastingColor3">
  <div class="centerBox supplementalContent contrastingColor4">
    <span class="POCemail" style="padding-right:10px, margin-top:10px;"></span>
  </div>
</div>
</body>
</html>
